{/* LAYOUT模板 */}
<layout name="layout"/>
{/* LAYOUT模板 */}
{/* import Js,Css */}	
<css href="__CSS__/jquery-ui.css" />
<css href="__THEMES__/css/common.css" />
<js href="__JS__/core/jquery-ui.1.10.4.js" />
<js href="__JS__/core/plugins.js" />
<js href="__PLUGS__/layer-v1.8.5/layer/layer.min.js"/>
{/* import js,css */}
<style>
.img-wrap {}
.img {width:100%;height:300px;background:url('__THEMES__/images/banner.jpg') no-repeat top center;}
/*售后服务*/
.product-intro-wraper{max-width:100%;position:relative;}.product-intro-wraper .product-intro-item{max-width:100%;position:relative;}.product-intro-item .img{max-width:100%;}.service_intro{background:url('__THEMES__/images/bg_services.jpg') top center no-repeat; height:299px;}/*关于音伴尔:左边栏*/.Lbanner{font: 14px/1.5 "微软雅黑","Hiragino Sans GB",sans-serif;color: #8c8c8c; /*border: 1px solid #dfdfdf;*/width:20%; background:#FAFAFA;}.Lbanner h3{height: 42px;line-height: 42px; width:180px;margin:5px auto ; border-bottom:1px solid #DFDFDF;padding: 0px 0px 10px 0px;color: #FF4900;font-size:16px;font-family:'微软雅黑';font-weight:bold;}h3{display: block;}.intro_nav_list ul{list-style:none; padding-bottom:30px;}.intro_nav_list li{height: 42px;padding: 0 0 0 25px;line-height: 42px;}.intro_nav_list li a{display: block;line-height: 42px;color: #333;font-size:15px;font-family:'微软雅黑';text-indent:15px;}.intro_nav_list li.current{border-left: 4px solid #ff4900;background: #fafafa;}.Lbanner .intro_nav_list a{text-decoration:none;}/*关于音伴尔:右边栏*/.Rbanner{width: 78%;border: 1px solid #dfdfdf;margin-left: 10px;}.Rbanner .intro_content_wrap{padding: 20px;}.intro_content_wrap{color: #8c8c8c;}.intro_content_wrap .about_index_box{margin: 10px 0;border-top: 1px dotted #ededed;}.about_index_box h3{height: 42px;line-height: 42px;padding: 0 0 0 25px;color: #000;font-size: 18px;font-family: '微软雅黑';font-weight: bold;}.Rbanner .title-wrap{text-align:center; border-bottom:1px solid #e0e0e0;height:55px;font-size:20px;font-weight:bolder;line-height:50px;}.intro_list .title i{display:inline-block;float:right;width:25px;height:18px;margin:15px 0px 0px 0px;cursor:pointer;}.intro_list .title i.left{background:url(__THEMES__/images/left-jiantou.png);}.intro_list .title i.down{background:url(__THEMES__/images/down-jiantou.png);}
</style>

<div class="img-wrap w_1200 mauto">
	<div class="img"></div>
</div>


<div class="mcontent mp20" style="min-height:600px; height:auto; margin-bottom:50px;">
	<!--招聘宣传图片-->
	<div class="slide xm-slider-slide w_1200 mauto hide">
		<a href="#">
			<img src="__THEMES__/images/slide-00.jpg" width="1240" height="500px" alt=""/>
		</a>
	</div>
	<!--招聘宣传图片-->	
	<!--售后服务:左边栏-->
	<div class="firm_intro w_1200 mauto">
		<div class="Lbanner fl">			
			<include file="Service:l_service_menu"/>
		</div>
		<!--售后服务:左边栏-->		
		<!--售后服务:右边栏-->
		<div class="Rbanner fl">
			<div class="title-wrap" style=""></div>
			<div class="intro_content_wrap">
				<!--正文内容-->
				<if condition="$content neq ''">
					{$content}
				<else/>
					暂无内容
				</if>
				<!--正文内容-->
			</div>
		</div>
		<!--售后服务:右边栏-->
		<div style="clear:both;"></div>
	</div>
</div>

<!--# js请求内容 #-->
<script>	
$(document).ready(function(){
	var loader	=	null;	
	/*初始化文章*/
	$('.intro_nav_list').find('li').each(function(n){
		if(n == 0){
			var article_id = $(this).attr('article_id');			
			show_article(article_id);
			$(this).addClass('current');
		}
		else return;
	});
	/*切换选项*/
	$('.intro_nav_list').find('li').bind('click',function(){
		var _this 		=	$(this);
		$('.intro_nav_list').find('li').each(function(){
			$(this).removeClass('current');
		});
		_this.addClass('current');		
		var article_id	= 	$(this).attr('article_id');		
		/*显示文章*/
		show_article(article_id);
	});
	/*显示文章*/
	function show_article(article_id){
		$.ajax({
			url:'__URL__/ajax_article',
			type:'post',
			dataType:'json',
			data:{id:article_id},
			beforeSend:function(){
				loader = layer.load(0, 0);
			},
			success:function(msg){
				layer.close(loader);
				$('.intro_content_wrap').html('').html(msg.info.content);
				$('.title-wrap').text('').text(msg.info.title);
			}
		});
	}
});
</script>


<include file="Library:service"/>
<include file="Library:footer"/>














